<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <title>转赠活动</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <link href="css/base.css" rel="stylesheet" type="text/css" />
    <link href="css/button.css" rel="stylesheet" type="text/css" />
    <link href="css/icon.css" rel="stylesheet" type="text/css" />
    <link href="css/share.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <div class="header">
        <img src="image/share.png" class="header-background" />
        <span class="font-red">100元</span>
    </div>
    <div class="header-tip">
        <p class="header-tip-title">送给好友100元新人优惠券，当TA入住小家后</p>
        <p class="header-tip-body">你可获得<span class="font-red">100元</span>奖励</p>
        <p>&nbsp;</p>
        <p class="header-tip-bottom">选择赠送方式</p>
    </div>
    <ul class="service-bar">
        <li class="service-bar-item">
            <a href="javascript:;">
                <img class="icon-image" src="image/freind.png" />
                <span class="item-title">微信好友</span>
            </a>
        </li>
        <li class="service-bar-item">
            <a href="javascript:;">
                <img class="icon-image" src="image/people.png" />
                <span class="item-title">朋友圈</span>
            </a>
        </li>
        <li class="service-bar-item">
            <a href="javascript:;">
                <img class="icon-image" src="image/sms.png" />
                <span class="item-title">手机短信</span>
            </a>
        </li>
    </ul>
    <div class="bottom">
        <a href="javascript:;">
        累计已获得
        <span id="profit" class="font-yellow"></span>
        收益
        <i class="icon icon-arrow-right"></i>
      </a>
    </div>
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
    <script src="js/template.js" type="text/javascript"></script>
    <script src="js/base.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            bee.wxConfig(function() {
                bee.hideAllNonBaseMenuItem();
                bee.showMenuItems();
                bee.wxMenuShareTimeline('新人优惠券', bee.link.weixin + '/receive.html?user_id=' + bee.cache('user_id') + '&coupon_id=' + bee.getQueryString('id'), function() {

                }, function() {

                });
                bee.wxMenuShareAppMessage('新人优惠券', '领取新人优惠券获得200元现金奖励', bee.link.weixin + '/receive.html?user_id=' + bee.cache('user_id') + '&coupon_id=' + bee.getQueryString('id'), function() {

                }, function() {

                });
            }, function(res) {});
            bee.share();

            $('body').on('click', '.service-bar a', function() {
                $('.share-modal').show();
            });

            bee.request({
                url: '/Member/Index/getShare',
                data: null,
                success: function(result) {
                    $('#profit').text(result.total_money + '元');
                }
            });
        });
    </script>
</body>

</html>
